<template>
	<view :style="[$func.bg('bg.jpg')]" class="main_bg">
		<app-header title="知识学习"></app-header>
		<view class="list">
			<view class="list_son" v-for="(item,index) in list" :key="index" @click="$func.toUrl('/pages/study/detail?id='+item.id)">
				<view class="list_title">{{item.title}}</view>
				<view class="list_bg"></view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list: [],
				filter: {
					page: 1,
				}

			}
		},
		onLoad() {
			this.getList()
		},
		methods: {
			getList() {
				this.$http.post("/data/api.data/getNews", this.filter).then(res => {
					this.list = res.data.list
				})
			}



		}
	}
</script>

<style lang="scss" scoped>
	.list_son {
		width: 534rpx;
		color: #9B751C;
		margin: 80rpx auto;
		position: relative;

		.list_title {
			position: relative;
			z-index: 99;
			text-align: center;
			font-size: 40rpx;
		}

		.list_bg {
			background: rgba(255, 245, 117, 1);
			opacity: 1;
			border-radius: 54rpx;
			height: 32rpx;
			position: absolute;
			left: 0;
			right: 0;
			bottom: -12rpx;
		}
	}
</style>